<!DOCTYPE html>
<html lang="en">
<!--王艳辉-->
<head>
    <meta charset="UTF-8">
    <title>退学消息审核</title>
    <link rel="stylesheet" type="text/css" href="./plugin/layui/css/layui.css"/>
    <script src="./plugin/layui/layui.js" type="text/javascript" charset="utf-8"></script>

</head>
<body>


<!-- 表格 -->
<table id="demo" lay-filter="mytable"></table>


<script type="text/html" id="opr">
    <a class="layui-btn layui-btn-xs" lay-event="pass">通过</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="nopass">不通过</a>
</script>
<!--js-->
<script>
    layui.use(['table', 'jquery', 'layer', 'form', 'laydate'], function () {
        // 加载layui模块，使用其推荐的【预先加载】方式，详见官网【模块规范】一节

        var table = layui.table;
        var $ = layui.$;
        var layer = layui.layer;
        var form = layui.form;
        var laydate = layui.laydate;


        //监听事件
        table.on('tool(mytable)', function(obj){
            switch(obj.event){
                case 'pass': //点击审核通过
                    //layer.msg('通过');
                    //发送请求修改过学生状态
                    $.post("/classdeans/DropoutInfo/updateDropoutStatu",{"stuid":obj.data.stuid,"statu":2},
                    function (res) {
                        if(res.msg.indexOf("成功")!=-1){
                            //
                            obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                        }
                            layer.msg(res.msg);

                    });
                    break;
                case 'nopass': //点击审核不通过
                    //layer.msg('不通过');
                    $.post("/classdeans/DropoutInfo/updateDropoutStatu",{"stuid":obj.data.stuid,"statu":3},
                        function (res) {
                            if(res.msg.indexOf("成功")!=-1){
                                //
                                obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                            }
                                layer.msg(res.msg);

                        })
                    break;

            };

        });

        console.log("ssssssss");
        //第一个实例
        table.render({
            elem: '#demo',
            height: 312,
            url: '/classdeans/DropoutInfo/allDropoutInfo' //数据接口
            ,
            headers:
                {"token": window.localStorage.getItem("token"),//token
                    "refreshToken":window.localStorage.getItem("refreshToken") //refreshToken
                },

            page: true //开启分页
            ,
            cols: [
                [
                    {
                        field: 'dropoutid',
                        title: '学生ID',
                        width: 120,
                        sort: true,
                        templet: function (d) {
                            return d.studentInfo.stuid;
                        }
                    }, {
                    field: 'sname',
                    title: '学生姓名',
                    width: 120,
                    templet: function (d) {
                        return d.studentInfo.sname;
                    }
                }, {
                    field: 'tname',
                    title: '班级名',
                    width: 120,
                    templet: function (d) {
                        return d.studentInfo.teamInfo.tname;
                    }
                }, {
                    field: 'gradeType',
                    title: '所在年级',
                    width: 120,
                    templet: function (d) {
                        return d.studentInfo.teamInfo.gradeInfo.gradeType;
                    }
                }, {
                    field: 'name',
                    title: '班主任',
                    width: 120,
                    templet: function (d) {
                        return d.studentInfo.teamInfo.teamMaster.teacherInfo.name;
                    }
                },
                    {
                        field: "createtime",
                        title: "发起时间",
                        width: 180,
                        templet: function (d) {
                            return d.createtime ;
                        }
                    },
                    {
                        field: "statu",
                        title: "审批状态",
                        width: 120,
                        templet: function (d) {
                            return "未审批"
                        }

                    },
                    {
                        toolbar: '#opr', title: '审批操作',
                        width: 180
                    },
                ]
            ],
            // 表格容器id，用于表格重载
            id: 'class-mytable'
        });

    })
</script>
</body>
</html>